home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / graphics / styles1 / bluegrey / index2.bak < prev    next >
Encoding:
Text File  |  1997-05-17  |  3.2 KB  |  107 lines

  1. <HTML>
  2. <HEAD>
  3. <TITLE>Blue/Grey</TITLE>
  4. </HEAD>
  5. <BODY BACKGROUND="edge.gif" BGCOLOR="#FFFFFF">
  6.  
  7. <TABLE BORDER=0 WIDTH=620>
  8. <TR VALIGN=TOP>
  9. <TD WIDTH=110>
  10. <IMG SRC="spacer.gif" WIDTH=110>
  11. <BR>
  12. </TD>
  13. <TD WIDTH=510>
  14.  
  15. <H2>Blue/Grey</H2>
  16.  
  17. <P>All of the graphics are saved as GIF files. They are designed for a white background.
  18.  
  19. <UL>
  20. <LI><A HREF="#Graphics">Graphics</A>
  21. <LI><A HREF="#CopyingGraphics">Copying Graphics</A>
  22. <LI><A HREF="#IndentingText">Indenting Text</A>
  23. </UL>
  24.  
  25. <P>
  26. <CENTER>
  27. <A NAME="Graphics">
  28. <IMG SRC="bar.gif" ALT="bar.gif - 4 K" WIDTH=443 HEIGHT=14>
  29. </A>
  30. </CENTER>
  31.  
  32. <P>
  33. <IMG SRC="blank.gif" ALT="blank.gif - 1.3 K" WIDTH=73 HEIGHT=73 ALIGN=left>
  34. You can use a paint program like <A HREF="http://www.jasc.com/psp.html">Paint Shop Pro</A> to add your own text to this blank button.
  35.  
  36. <BR CLEAR=ALL>
  37.  
  38. <P><IMG SRC="bullet.gif" ALT="bullet.gif - 0.2 K" WIDTH=13 HEIGHT=13>
  39. <IMG SRC="back.gif" ALT="back.gif - 1.6 K" WIDTH=73 HEIGHT=73>
  40. <IMG SRC="home.gif" ALT="home.gif - 1.6 K" WIDTH=73 HEIGHT=73>
  41. <IMG SRC="email.gif" ALT="email.gif - 1.6 K" WIDTH=73 HEIGHT=73>
  42. <IMG SRC="links.gif" ALT="links.gif - 1.6 K" WIDTH=73 HEIGHT=73>
  43. <IMG SRC="view.gif" ALT="view.gif - 1.6 K" WIDTH=73 HEIGHT=73>
  44. <IMG SRC="sign.gif" ALT="sign.gif - 1.6 K" WIDTH=73 HEIGHT=73>
  45. <IMG SRC="guestbk.gif" ALT="guestbk.gif - 1.7 K" WIDTH=73 HEIGHT=73>
  46. <IMG SRC="search.gif" ALT="search.gif - 1.6 K" WIDTH=73 HEIGHT=73>
  47. <IMG SRC="backward.gif" ALT="backward.gif - 0.5 K" WIDTH=33 HEIGHT=33>
  48. <IMG SRC="forward.gif" ALT="forward.gif - 0.5 K" WIDTH=30 HEIGHT=32>
  49.  
  50. <P>
  51. <CENTER>
  52. <IMG SRC="bar.gif" ALT="bar.gif - 4 K" WIDTH=443 HEIGHT=14>
  53. </CENTER>
  54.  
  55. <H3><A NAME="IndentingText">How I Indented the Text on this Page</A></H3>
  56.  
  57. <P>You can create a fake indent by placing two <UL> tags just inside the <BODY> tag. Then place the closing </UL> tags just inside the closing </Body> tag. This is a quick cheat to get the text to indent past the background graphic.
  58.  
  59. <P>You can also create a fake indent using either the TABLE tag or borderless FRAMES. I used tables for this page. You can view the document source to see the codes.
  60.  
  61. <H3><A NAME="CopyingGraphics">Copying Graphics</A></H3>
  62.  
  63. <P>The instructions for copying a graphic apply to Netscape, Internet Explorer, and NCSA Mosaic for Windows. To copy a graphic:
  64.  
  65. <P>
  66. <OL>
  67. <LI>Move your cursor over the graphic.
  68. <LI>Press the right mouse button.
  69. <LI>Choose Save this Image As from the pop-up menu.
  70. <LI>Click on Save or OK button to save the image.  (Pay attention to where 
  71. the image is saved on your hard drive.)
  72. </OL>
  73.  
  74. <P>  
  75.  
  76. <P>
  77. <CENTER>
  78. <IMG SRC="bar.gif" ALT="bar.gif - 4 K" WIDTH=443 HEIGHT=14>
  79. </CENTER>
  80.  
  81. <P>  
  82.  
  83. <P>  
  84.  
  85. <FONT SIZE="-1">
  86.  
  87. <CENTER>
  88. <EM>Created and Maintained by: <A HREF="mailto:jelane@erinet.com">Jelane Johnson</A></EM><BR>
  89. All Graphics <A HREF="../../copy.html">Copyright</A> Jelane K. Johnson, 1996 & 1997
  90.  
  91. <P>
  92. <A HREF="../">Jelane's Free Web Graphics</A> ||| 
  93. <A HREF="../../jelane.html">Jelane's Resume</A> ||| 
  94. <A HREF="../../danroth.html">Dan's Resume</A>
  95.  
  96. <P><STRONG>This page has been accessed <!--#exec cgi="/cgi-bin/counter"--> times since February 8, 1997.</STRONG>
  97.  
  98. </CENTER>
  99.  
  100. </FONT>
  101.  
  102. </TD>
  103. </TR>
  104. </TABLE>
  105. </BODY>
  106. </HTML>
  107.